<template>
  <view class="content">
    <image class="logo" src="/static/logo.png" />
    <view class="text-area">
      <text @click="pay" class="title">{{ title }}</text>
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const title = ref('Hello')

const pay = async () => {
  try {
    /* const res = await uni.getProvider ({
      service: 'payment', 
    })
    console.log(res); */
    
    const res = await  uni.requestPayment ({
      provider: 'wxpay', 
      orderInfo: {

      }, 
      timeStamp: String (new Date ().getTime ()), 
      nonceStr: String (Math.random ()), 
      package: 'prepay_id=xx', 
      signType: 'sdfas', 
      paySign: '12312'
    }) 
    console.log(res);
  } catch (error) {
    console.error(error);
    
  }

}
</script>

<style>
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
